import React from 'react';
import Top from 'blog/component/Top';
require('bootstrap/css/bootstrap');
require('blog/css/style');
export default class Sidebar extends React.Component{
	constructor(){
		super();
	}
	render(){
		return (
			<main className="sidebar-container col-md-4 col-xs-12">
				<div className="sidebar-container-inner">
					<div className="sidebar">
						<h4 className="sidebar-title"><span>标签云</span></h4>
						<div className="sidebar-content">
							<div className="tag-cloud">
	          		<a href="/tag/about-ghost/">Ghost</a>
								<a href="/tag/release/">新版本发布</a>
								<a href="/tag/javascript/">JavaScript</a>
								<a href="/tag/promise/">Promise</a>
								<a href="/tag/zhuti/">主题</a>
								<a href="/tag/mysql/">MySQL</a>
								<a href="/tag/nodejs/">Node.js</a>
								<a href="/tag/ghost-in-depth/">深度玩转 Ghost</a>
								<a href="/tag/ubuntu/">Ubuntu</a>
								<a href="/tag/aliyun-ecs/">阿里云服务器</a>
								<a href="/tag/nginx/">Nginx</a>
								<a href="/tag/bae/">BAE</a>
								<a href="/tag/theme/">Theme</a>
								<a href="/tag/customize-page/">自定义页面</a>
								<a href="/tag/static-page/">静态页面</a>
								<a href="/tag/upload/">上传</a>
								<a href="/tag/yong-hu-zhi-nan/">用户指南</a>
								<a href="/tag/sqlite/">sqlite</a>
								<a href="/tag-cloud/">...</a>
							</div>
						</div>
					</div>
					<div className="sidebar">
						<h4 className="sidebar-title"><span>网站导航</span></h4>
						<div className="sidebar-content">
							<div className="site-nav">
	          		<ul className="list-group">
	          			<li className="list-group-item"><a href="#">博客网站</a></li>
	          			<li className="list-group-item"><a href="#">javascript库</a></li>
	          			<li className="list-group-item"><a href="#">案例</a></li>
	          		</ul>
							</div>
						</div>
					</div>
					<div className="sidebar">
						<h4 className="sidebar-title"><span>客户端下载</span></h4>
						<div className="sidebar-content">
							<a href="#" className="btn btn-block btn-default">点击下载</a>
						</div>
					</div>
					
				</div>
			</main>
			
		)
	}
}